<template>
	<div class="mycourse">
		<div class="top">
			elementui 框架 组件
		</div>
		<div class="lesson">
			<div class="list">
				一、Layout 布局
				<div>响应式布局  24列<br>
				参照了 Bootstrap 的 响应式设计，预设了五个响应尺寸：xs、sm、md、lg 和 xl。
				</div>
			</div>
			
			<div>
				二、Container 布局容器 
				<div>
				</div>
			</div>

			<div class="color">
				三、色彩
				<div style="background-color: #409EFF">Blue #409EFF</div>
				<div style="background-color: #67C23A">Success #67C23A</div>
				<div style="background-color: #E6A23C"> Warning #E6A23C</div>
				<div style="background-color: #F56C6C"> Danger #F56C6C</div>
				<div style="background-color: #909399">Info #909399</div>
			</div>

			<div>
				四、字体图标
				<div class="el-icon-loading"></div>
				<div>使用类名调用  自定义颜色 大小</div>
			</div>
			<div>
				五、Checkbox 多选框
				<br>
				<el-checkbox v-model="checked">备选项</el-checkbox>
			</div>
		</div>
	</div>
</template>
<script type="text/javascript">
	export default {
	    data () {
		    return {
		        radio: '1',
		        checked: true
		    };
	    }
  	}
</script>
<style scoped="">
	@import '../../assets/css/elementui.css'
</style>